<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style type="text/css">
		td{
			font-size: 12px;
			padding: 3px;
		}
		.th{
			background-color: #B6DF48;
			font-weight: bold;
			text-align: center;
		}
		.even{
			background-color: #E8F3D1;
		}
		.odd{
			background-color: #F9FCEF;
		}
		
	</style>
	<body>
		<table width="98%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#3F873B">
			<tr>
				<td width="11%" height="27">编号</td>
				<td width="14%">祝福对象</td>
				<td width="12%">祝福者</td>
				<td width="33%">字条内容</td>
				<td width="30%">发送时间</td>
			</tr>
			<tr>
				<td height="27"></td>
				<td>琪琪</td>
				<td>妈妈</td>
				<td>愿你健康成长</td>
				<td>2020年9月10日20:59:03</td>
			</tr>
			<tr>
				<td height="27"></td>
				<td>琪琪</td>
				<td>妈妈</td>
				<td>愿你健康成长</td>
				<td>2020年9月10日20:59:03</td>
			</tr>
			<tr>
				<td height="27"></td>
				<td>琪琪</td>
				<td>妈妈</td>
				<td>愿你健康成长</td>
				<td>2020年9月10日20:59:03</td>
			</tr>
		</table>
	</body>
</html>
<script src="../JQ/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
	$(function(){
		$("tr:even").addClass("even");
		$("tr:odd").addClass("odd");
		$("tr:first").removeClass("even")
		$("tr:first").addClass("th")
	})
</script>
<!--
:first   匹配找到的第一个元素  $("tr:first") 匹配表格的第一行
:last    匹配找到的最后一个元素  $("tr.last") 匹配表格的最后一行、
:even    匹配所有索引值为偶数的元素，索引值从0开始   $("tr:even")匹配索引值为偶数的行
:odd     匹配所有索引值为奇数的元素，索引值从0开始   $("tr:odd")匹配索引值为奇数的行
:eq(index) 匹配一个给定索引值的元素	$("div:eq(1)") 匹配第二个div元素
:gt(index) 匹配所有大于给定索引值的元素  $("span:gt(0)") 匹配索引大于1的span元素
:lt(index) 匹配所有小于给定索引值的元素  $("div:lt(2)") 匹配索引小于2的div元素

:header    匹配如 h1、h2、h3之类的标题元素 	$(":header") 匹配全部的标题元素
:not(selector)	去除所有与给定选择器匹配的元素		$("input:not(:checked)")	匹配没有选到的input元素
:animated     匹配所有正在执行效果的元素      $("div:animated") 匹配正在执行的动画DIV元素
:lang     选择指定语言的所有元素      $("p:lang(it)")  选择所有<p>的语言属性
:focus    匹配当前获取焦点的元素      elem.is(":focus") 匹配获得焦点的元素
:root     选择该文档的根元素			$(":root").css("background-color","yellow") 设置html背景颜色为黄色
:target   选择由文档URI的格式化识别码表示的目标元素     给定的URI http:\\example.com/#foo  $("p:target") 选择<p id=foo>元素
-->